<template>
    <div>
        商店-组件
        <button @click="btnClick">点击购物次数{{num}}</button>
    </div>
</template>

<script>
export default {
    name: 'shop',
    data() {
        return {
            num: 0
        }
    },
    methods: {
        btnClick() {
            this.num++
            this.$emit("goShop")
        }
    },
    // 被缓存的组件不会执行created和mounted的生命周期,只会执行activated和deactivated的生命周期钩子函数
    // 进入
    activated(){
        console.log("about active");
    },
    //退出
    deactivated(){
        console.log("about deactivated");
    }
}
</script>

<style lang="scss" scoped>
</style>